<template>
  <header
      class="category-header bg-white fixed left-0 top-0 flex justify-between items-center w-full h-[50px] box-border px-[15px] text-black z-[1000] line-bottom"
  >
    <router-link to="'/home'" custom v-slot="{ navigate }">
      <i class="nbicon nbfanhui" @click="navigate"/>
    </router-link>
    <div
        class="header-search flex w-4/5 leading-[20px] py-[5px] my-[10px] rounded-[20px] bg-grey-40 box-border">
      <i class="nbicon nbSearch text-[17px] pr-[10px] pl-[20px]"></i>
      <router-link to="/search?from=category" custom v-slot="{ navigate }">
        <span class="text-[12px] text-black leading-[21px]" @click="navigate">全场50元起步</span>
      </router-link>
    </div>
    <i class="iconfont icon-More"></i>
  </header>
</template>

<script setup lang="ts">
defineOptions({
  name: 'CategoryHeader'
})
</script>
